<template>
    <div class='profileinfo-container'>        
        <el-card >
             <div slot="header" class="clearfix">
                <span>基本资料</span>
                <el-button style="float: right;padding:3px 0" type="text">编辑资料</el-button>
            </div>
            <!-- <div class="title"></div> -->
            <el-row :gutter="20">
                <el-col :span="2">
                    <div class="title">店铺名称:</div>
                </el-col>
                <el-col span="4">
                    <div class="content-text">图南鸟点餐平台</div>
                </el-col>                
            </el-row>
            <el-row :gutter="20">
                <el-col :span="2">
                    <div class="title">店铺编号:</div>
                </el-col>
                <el-col span="4">
                    <div class="content-text">62615692</div>
                </el-col>                
            </el-row>
            <el-row :gutter="20">
                <el-col :span="2">
                    <div class="title">店铺Logo:</div>
                </el-col>
                <el-col span="4">
                    <div class="content-text"><img src="https://img.yzcdn.cn/upload_files/2018/09/10/FtZK2sqAWuGmXJnBV48ibSl97dYn.png?imageView2/2/w/120/h/120/q/90/format/webp" alt=""></div>
                </el-col>                
            </el-row>
            <el-row :gutter="20">
                <el-col :span="2">
                    <div class="title">门店照片:</div>
                </el-col>
                <el-col span="4">
                    <div class="content-text">未上传</div>
                </el-col>                
            </el-row>
            <el-row :gutter="20">
                <el-col :span="2">
                    <div class="title">营业时间:</div>
                </el-col>
                <el-col span="4">
                    <div class="content-text">周一至周日，08:00至20:00</div>
                </el-col>                
            </el-row>
            <el-row :gutter="20">
                <el-col :span="2">
                    <div class="title">客服电话:</div>
                </el-col>
                <el-col span="4">
                    <div class="content-text">18010620509</div>
                </el-col>                
            </el-row>
              <el-row :gutter="20">
                <el-col :span="2">
                    <div class="title">门店地址:</div>
                </el-col>
                <el-col span="4">
                    <div class="content-text">绵阳市 涪城区 经开区板桥街433号</div>
                </el-col>                
            </el-row>
        </el-card>

        <el-card >
            <div slot="header"  class="card-header clearfix">
                <span>联系人信息</span>
                <el-button style="float: right;padding:3px 0" type="text">修改联系人</el-button>
            </div>
            <el-row :gutter="20">
                <el-col :span="2">
                    <div class="title">联系人电话:</div>
                </el-col>
                <el-col span="4">
                    <div class="content-text">+86-18010620509</div>
                </el-col>                
            </el-row>            
        </el-card>

    </div>
</template>

<script>
export default {
    
}
</script>

<style lang="scss" scoped>
.profileinfo-container{
    .title{
        font-size: 14px;
        color: #555;
        line-height: 30px;
        text-align: center;
    }
    .content-text{
        font-size: 14px;
        line-height: 30px;
        color: #111;
        text-align: left;
    }

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: "";
    }
    .clearfix:after {
        clear: both
    }
}
</style>


